import React from 'react';
import {Icon, Button} from 'antd';
import './style.css';
var Header = require('../modules/Header');



class Open extends React.Component {
 
  render() {
   
     return (
          <div style={{width:"100%",height:"100%"}}>
            <Header/>
             <div className="player">
                    


                    <div className="play_btn">
                        <Button className="toplist_bot" style={{}}><Icon type="plus" style={{ width:"13px",height:"16px" }} />添加</Button>
                                
                        <Button className="toplist_bot"><Icon type="heart-o" style={{ width:"13px",height:"16px" }} />收藏</Button>
                        
                        <Button className="toplist_bot"><Icon type="download" style={{ width:"13px",height:"16px" }} />下载</Button>
                        <Button className="toplist_bot"><Icon type="delete" style={{ width:"13px",height:"16px" }} />删除</Button>
                        <Button className="toplist_bot"><Icon type="menu-unfold" style={{ width:"13px",height:"16px" }} />清空列表</Button>
                      
                    </div>

                    <div className="player_audio">
                        <div className="audio_b">
                          <input type="checkbox" className="checkbox"/>
                          <span className="audio_img"><img src="https://y.gtimg.cn/mediastyle/yqq/img/wave.gif" alt=""/></span>
                          <audio className="audio_play" src="http://www.caojin.online/api/audio/0.mp3" controls="controls" ></audio>         
                        </div>
                        
                        <div className="audio_tu">
                          <img src="https://y.gtimg.cn/music/common/upload/t_focus_info_iphone/112442.jpg" alt=""/>
                        </div>
                    </div>
              </div>
              
          </div>
    )
  }
}
module.exports = Open;